<template>
  <!-- <div >
    <img class="cover" src="@/assets/img/error-404.png" alt="">

  </div> -->
  <el-result class="wrap-page" title="" sub-title="抱歉，页面不存在！">
    <template #icon>
      <img class="cover" src="@/assets/img/error-404.png" alt="" />
    </template>
    <template #extra>
      <el-button type="primary" @click="handleClickSubmit">返回</el-button>
    </template>
  </el-result>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router';

const router = useRouter();
const handleClickSubmit = () => {
  router.push('/');
};
</script>

<style lang="scss" scoped>
.wrap-page {
  // display: flex;
  // justify-content: center;
  // align-items: center;

  // height: 100%;
  // // background-color: #fff;

  .cover {
    display: block;
    width: 560px;
  }
}
</style>
